<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport"
		content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<link rel="stylesheet" type="text/css" href="css/reset.css">
	<link rel="stylesheet" type="text/css" href="css/swiper.min.css">
	<link rel="stylesheet" type="text/css" href="css/main.css">
	<script type="text/javascript" src="js/set_root.js"></script>
	<script type="text/javascript" src="js/jquery-1.12.4.min.js"></script>
	<script type="text/javascript" src="js/swiper.jquery.min.js"></script>
	<script type="text/javascript">
		$(function () {
			var swiper = new Swiper('.swiper-container', {
				pagination: '.swiper-pagination',
				prevButton: '.swiper-button-prev',
				nextButton: '.swiper-button-next',
				// 初始的幻灯片是第几张
				initialSlide: 0,

				// 小圆点是否可点击
				paginationClickable: false,

				//是否连续播放(设置false会在最后一张返回)
				loop: true,

				// 设置多长时间间隔播放一张
				autoplay: 3000,

				// 用户操作后还是否自动播放
				autoplayDisableOnInteraction: true
			})



		});
	</script>
	<title>天天生鲜-首页</title>
</head>

<body>
	<div class="main_wrap">
		<div class="header clearfix">
			<a href="#" class="logo"><img src="images/logo.png" alt="天天生鲜logo"></a>
			<a href="#" class="search"></a>
		</div>
		<div class="center_con">
			<div class="slide">

				<div class="swiper-container">
					<div class="swiper-wrapper">
						<div class="swiper-slide"><a href="#"><img src="images/slide.jpg" alt="幻灯片"></a></div>
						<div class="swiper-slide"><a href="#"><img src="images/slide.jpg" alt="幻灯片"></a></div>
						<div class="swiper-slide"><a href="#"><img src="images/slide.jpg" alt="幻灯片"></a></div>
					</div>
					<div class="swiper-pagination"></div>
					<div class="swiper-button-prev"></div>
					<div class="swiper-button-next"></div>
				</div>

			</div>

			<!-- ul.menu>(li>a+h2{水果})*8 -->
			<div class="menu_con clearfix">
				<ul class="menu">
					<li>
						<a href="#"></a>
						<h2>水果</h2>
					</li>
					<li>
						<a href="#"></a>
						<h2>水果</h2>
					</li>
					<li>
						<a href="#"></a>
						<h2>水果</h2>
					</li>
					<li>
						<a href="#"></a>
						<h2>水果</h2>
					</li>
					<li>
						<a href="#"></a>
						<h2>水果</h2>
					</li>
					<li>
						<a href="#"></a>
						<h2>水果</h2>
					</li>
					<li>
						<a href="#"></a>
						<h2>水果</h2>
					</li>
					<li>
						<a href="#"></a>
						<h2>水果</h2>
					</li>
				</ul>
			</div>


			<div class="common_model clearfix">

				<div class="common_title">
					<h3>新鲜水果</h3>
					<a href="#">更多 &gt;</a>
				</div>
				<!-- 幻灯片 -->
				<a href="#" class="banner"><img src="images/banner.jpg" alt="banner"></a>



				<ul class="goods_list">
					<li>
						<a href="#" class="goods_link"><img src="images/goods.jpg" alt="商品图片"></a>
						<h4>新西兰皇家大红苹果</h4>
						<p class="unit">12/提</p>
						<p class="price">¥68.00</p>
						<a href="#" class="add_chart"></a>
					</li>
					<li>
						<a href="#" class="goods_link"><img src="images/goods.jpg" alt="商品图片"></a>
						<h4>新西兰皇家大红苹果</h4>
						<p class="unit">12/提</p>
						<p class="price">¥68.00</p>
						<a href="#" class="add_chart"></a>
					</li>
					<li>
						<a href="#" class="goods_link"><img src="images/goods.jpg" alt="商品图片"></a>
						<h4>新西兰皇家大红苹果</h4>
						<p class="unit">12/提</p>
						<p class="price">¥68.00</p>
						<a href="#" class="add_chart"></a>
					</li>
				</ul>
			</div>

			<div class="common_model clearfix">

				<div class="common_title">
					<h3>新鲜水果</h3>
					<a href="#">更多 &gt;</a>
				</div>

				<a href="#" class="banner"><img src="images/banner.jpg" alt="banner"></a>

				<ul class="goods_list">
					<li>
						<a href="#" class="goods_link"><img src="images/goods.jpg" alt="商品图片"></a>
						<h4>新西兰皇家大红苹果</h4>
						<p class="unit">12/提</p>
						<p class="price">¥68.00</p>
						<a href="#" class="add_chart"></a>
					</li>
					<li>
						<a href="#" class="goods_link"><img src="images/goods.jpg" alt="商品图片"></a>
						<h4>新西兰皇家大红苹果</h4>
						<p class="unit">12/提</p>
						<p class="price">¥68.00</p>
						<a href="#" class="add_chart"></a>
					</li>
					<li>
						<a href="#" class="goods_link"><img src="images/goods.jpg" alt="商品图片"></a>
						<h4>新西兰皇家大红苹果</h4>
						<p class="unit">12/提</p>
						<p class="price">¥68.00</p>
						<a href="#" class="add_chart"></a>
					</li>
				</ul>
			</div>


		</div>



		<ul class="footer">
			<li>
				<a href=""></a>
				<h2>首页</h2>
			</li>
			<li>
				<a href=""></a>
				<h2>首页</h2>
			</li>
			<li>
				<a href=""></a>
				<h2>首页</h2>
			</li>
			<li>
				<a href=""></a>
				<h2>首页</h2>
			</li>
		</ul>



	</div>



</body>

</html>